<template>
  <div>
    <CloudButton @click="clickBtn1">confirm</CloudButton>
    <CloudButton @click="clickBtn2">confirm</CloudButton>
  </div>
</template>

<script>
export default {
  title: '2.confrim',
  data() {
    return {
    }
  },
  methods: {
    clickBtn1() {
      this.$cloudConfirm.confirm({
         title: 'Are you sure delete this task?',
        content: 'Some descriptions',
        okText: 'Yes',
        cancelText: 'No',
        onOk() {
          console.log('OK');
        },
        onCancel() {
          console.log('Cancel');
        },
      });
    },
    clickBtn2() {
      this.$cloudConfirm.confirm({
        title: 'Are you sure delete this task?',
        content: 'Some descriptions',
        okText: 'Yes',
        okType: 'danger',
        okButtonProps: {
          props: { disabled: true },
        },
        cancelText: 'No',
        onOk() {
          console.log('OK');
        },
        onCancel() {
          console.log('Cancel');
        },
      });
    },
  }
}
</script>

<style lang="scss">
</style>